<!DOCTYPE HTML>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="maximum-scale=1.0,minimum-scale=1.0,user-scalable=0,width=device-width,initial-scale=1.0"/>
		<meta name="format-detection" content="telephone=no,email=no,date=no,address=no">
		<title></title>
		<link rel="stylesheet" type="text/css" href="../../../css/aui/aui.css" />
		<style type="text/css">
		</style>
	</head>
	<body>
		<div id="main" style="width: 100%;height:100%;"></div>
	</body>
	<script type="text/javascript" src="../../../script/echarts.min.js"></script>
	<script type="text/javascript">
		var labelRight = {
			normal : {
				label : {
					position : 'right'
				}
			}
		};
		option = {
			title : {
				text : '交错正负轴标签',
				subtext : 'From ExcelHome',
				sublink : 'http://e.weibo.com/1341556070/AjwF2AgQm'
			},
			tooltip : {
				trigger : 'axis',
				axisPointer : {// 坐标轴指示器，坐标轴触发有效
					type : 'shadow' // 默认为直线，可选为：'line' | 'shadow'
				}
			},
			grid : {
				top : 80,
				bottom : 30
			},
			xAxis : [{
				type : 'value',
				position : 'top',
				splitLine : {
					lineStyle : {
						type : 'dashed'
					}
				},
			}],
			yAxis : [{
				type : 'category',
				axisLine : {
					show : false
				},
				axisLabel : {
					show : false
				},
				axisTick : {
					show : false
				},
				splitLine : {
					show : false
				},
				data : ['ten', 'nine', 'eight', 'seven', 'six', 'five', 'four', 'three', 'two', 'one']
			}],
			series : [{
				name : '生活费',
				type : 'bar',
				stack : '总量',
				itemStyle : {
					normal : {
						borderRadius : 5,
						label : {
							show : true,
							position : 'left',
							formatter : '{b}'
						}
					}
				},
				data : [{
					value : -0.07,
					itemStyle : labelRight
				}, {
					value : -0.09,
					itemStyle : labelRight
				}, 0.2, 0.44, {
					value : -0.23,
					itemStyle : labelRight
				}, 0.08, {
					value : -0.17,
					itemStyle : labelRight
				}, 0.47, {
					value : -0.36,
					itemStyle : labelRight
				}, 0.18]
			}]
		};
		// 基于准备好的dom，初始化echarts实例
		var myChart = echarts.init(document.getElementById('main'));
		// 使用刚指定的配置项和数据显示图表。
		myChart.setOption(option);
	</script>
</html>